<template lant="html">
  <div>
    <div class="header">
      <i @click="fh" class="glyphicon glyphicon-chevron-left ico" id="head-left"></i>
      <span>搜索</span>

    </div>
  </div>
</template>

<script>
  export default {
    components: {},
    methods: {
      fh(){
        this.$router.go(-1)
      }
    }
  }
</script>
<style lang="scss">

  @import "../assets/css/base.css";

  @function rem($px) {
    @return $px / 20 + rem
  }

  .clearfix:after {
    display: block;
    clear: both;
    content: ' ';
  }

  .header {
    width: 100%;

    height: rem(54);
    background: #d63c39;
    text-align: center;

    position: relative;
    & > .ico {
      font-size: rem(35);
      color: #ffffff;
      position: absolute;
      line-height: rem(54);
    }
    #head-left {
      left: rem(10);
    }
    span {
      font-size: rem(30);
      line-height: rem(54);
      color: #ffffff;
      & > .ico {
        font-size: rem(20);
      }
    }
  }


</style>
